<!doctype html>
<html>
<head>
<meta charset="utf-8">
    <title>date</title>
<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.css" type="text/css">
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<script src="js/jquery-ui-1.9.2.custom.js" type = "text/javascript" language="javascript"></script>
<script src="js/share.js" type = "text/javascript"></script>
<script type="text/javascript">
  
</script>
</head>
<body>

<input type="text" class="ui-datepicker-time" readonly value="" />
<div class="ui-datepicker-css">	
    <div class="ui-datepicker-quick">
        <p>快捷日期<a class="ui-close-date">X</a></p>
        <div>
            <input class="ui-date-quick-button" type="button" value="今天" alt="0"  name=""/>
            <input class="ui-date-quick-button" type="button" value="昨天" alt="-1" name=""/>
            <input class="ui-date-quick-button" type="button" value="7天内" alt="-6" name=""/>
            <input class="ui-date-quick-button" type="button" value="14天内" alt="-13" name=""/>
            <input class="ui-date-quick-button" type="button" value="30天内" alt="-29" name=""/>
            <input class="ui-date-quick-button" type="button" value="60天内" alt="-59" name=""/>
        </div>
    </div>
    <div class="ui-datepicker-choose">
        <p>自选日期</p>
        <div class="ui-datepicker-date">
            <input name="startDate" id="startDate" class="startDate" readonly value="2014/12/20" type="text">
           -
            <input name="endDate" id="endDate" class="endDate" readonly  value="2014/12/20" type="text" disabled onchange="datePickers()">
        
        </div>
    </div>
</div>
</body>
</html>